<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>部门管理</title>
    <link rel="stylesheet" type="text/css" href="ui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="ui/themes/icon.css">
    <script type="text/javascript" src="ui/jquery.min.js"></script>
    <script type="text/javascript" src="ui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="ui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="ui/jquery.serializejson.min.js"></script>
    <script type="text/javascript" src="js/crud.js"></script>
    <script>
        var name = "dep";
        var columns = [[
            {field: 'uuid', title: '编号', width: 100},
            {field: 'name', title: '部门名称', width: 100},
            {field: 'tele', title: '联系电话', width: 100},

            {
                field: '-', title: '操作', width: 200, formatter: function (value, row, index) {
                var oper = "<a href='javascript:void(0)' onclick='del(" + row.uuid + ")'>删除</a>";
                oper += "<a style='margin-left: 10px;' href='javascript:void(0)' onclick='edit(" + row.uuid + ")'>修改</a>";
                return oper;
            }
            }
        ]];
    </script>
</head>
<body>
<!--查询条件表单-->
<div style="padding: 2px 0 2px 4px">
    <form id="searchForm">
        <table>
            <tr>
                <td>部门名称</td>
                <td><input type="text" name="t1.name"/></td>
            </tr>
            <tr>
                <td>部门电话</td>
                <td><input type="text" name="t1.tele"/></td>
            </tr>
        </table>
        <button id="btnSearch" type="button">查询</button>
    </form>
</div>

<!--数据列表-->
<table id="grid"></table>

<!--编辑表单-->
<div id="editDlg">
    <form id="editForm">
        <table>
            <tr>
                <td>部门名称</td>
                <td>
                    <input type="text" name="t.name"/>
                    <input type="hidden" name="t.uuid"/>
                </td>
            </tr>
            <tr>
                <td>部门电话</td>
                <td><input type="text" name="t.tele"/></td>
            </tr>
        </table>
        <button id="btnSave" type="button">保存</button>
    </form>
</div>
</body>
</html>